/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      // 清新友好配色
      colors: {
        primary: {
          50: '#E8F5E9',
          100: '#C8E6C9',
          200: '#A5D6A7',
          300: '#81C784',
          400: '#66BB6A',
          500: '#4CAF50',  // 主色 - 浅草绿
          600: '#43A047',
          700: '#388E3C',
          800: '#2E7D32',
          900: '#1B5E20',
        },
        accent: '#FF6347',  // 强调色 - 珊瑚橙
        background: '#F0F2F5',  // 主背景 - 浅灰色
        text: '#333333',  // 文字色 - 深灰
      },
      // 毛玻璃风格扩展
      backdropBlur: {
        xs: '2px',
      },
      backgroundColor: {
        'glass': 'rgba(255, 255, 255, 0.8)',
        'glass-dark': 'rgba(255, 255, 255, 0.6)',
        'glass-hover': 'rgba(255, 255, 255, 0.9)',
      },
      borderColor: {
        'glass': 'rgba(76, 175, 80, 0.2)',
        'glass-hover': 'rgba(76, 175, 80, 0.4)',
      },
      boxShadow: {
        'glass': '0 8px 32px 0 rgba(76, 175, 80, 0.15)',
        'glass-sm': '0 4px 16px 0 rgba(76, 175, 80, 0.1)',
      },
      animation: {
        'fade-in': 'fadeIn 0.3s ease-out',
        'slide-up': 'slideUp 0.3s ease-out',
        'pulse-soft': 'pulseSoft 2s ease-in-out infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { opacity: '0', transform: 'translateY(10px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        pulseSoft: {
          '0%, 100%': { opacity: '1' },
          '50%': { opacity: '0.7' },
        },
      },
    },
  },
  plugins: [],
}
